﻿<div class="videoDetails">
    
    <div class="recommend">
        @{
            if (ViewBag.lstHot != null)
            {
                List<Data.Video.Video> lstHot = ViewBag.lstHot;
                foreach (var item in lstHot)
                {
                  <div class="recommmendItem">
                        <a href="/home/video/@item.Id?ref=rcm">
                            <div class="thumb">
                                <img src="http://i.ytimg.com/vi/@item.YCode/default.jpg" alt="@item.Title" width="120" />
                                <div class="hot">
                                    Hot
                                </div>
                                <div class="duration">@item.TotalTime</div>
                            </div>
                            <div class="info">
                                <h4>@item.Title
                                    <img class='emo' src='http://s2.haivl.tv/content/images/emo/static/laugh.png' /></h4>
                                <div class="stats">
                                    <span class="views">@item.View</span> 
                                </div>
                            </div>
                            <div class="clear">
                            </div>
                        </a>
                    </div>
                }
            }
        }   
        @{
            if(ViewBag.lstNew!=null){
                IList<Data.Video.Video> lstNew = ViewBag.lstNew;
                foreach (var item in lstNew)
                {
                  <div class="recommmendItem">
                        <a href="/home/video/@item.Id?ref=rcm">
                            <div class="thumb">
                                <img src="http://i.ytimg.com/vi/@item.YCode/default.jpg" alt="@item.Title" width="120" />
                                <div class="new">
                                    mới
                                </div>
                                <div class="duration">@item.TotalTime</div>
                            </div>
                            <div class="info">
                                <h4>@item.Title
                                    <img class='emo' src='http://s2.haivl.tv/content/images/emo/static/laugh.png' /></h4>
                                <div class="stats">
                                    <span class="views">@item.View</span> 
                                </div>
                            </div>
                            <div class="clear">
                            </div>
                        </a>
                    </div>
                }
            }
        }
        @{
            if(ViewBag.lst!=null){
                IList<Data.Video.Video> lst = ViewBag.lst;
                int i=0;
                foreach (var item in lst)
                {
                    i++;
                    if (i == 11) { break; }
                  <div class="recommmendItem">
                        <a href="/home/video/@item.Id?ref=rcm">
                            <div class="thumb">
                                <img src="http://i.ytimg.com/vi/@item.YCode/default.jpg" alt="@item.Title" width="120" />
                                
                                <div class="duration">@item.TotalTime</div>
                            </div>
                            <div class="info">
                                <h4>@item.Title
                                    <img class='emo' src='http://s2.haivl.tv/content/images/emo/static/laugh.png' /></h4>
                                <div class="stats">
                                    <span class="views">@item.View</span> 
                                </div>
                            </div>
                            <div class="clear">
                            </div>
                        </a>
                    </div>
                }
            }
        }
       
        <div class="fixedScrollDetector">
        </div>
        <div class="fixedScroll">
              @{
                if(ViewBag.lst!=null){
                    IList<Data.Video.Video> lst = ViewBag.lst;
                    int i=0;
                    foreach (var item in lst)
                    {
                        i++;
                        if (i >= 11) {
                          <div class="recommmendItem">
                                <a href="/home/video/@item.Id?ref=rcm">
                                    <div class="thumb">
                                        <img src="http://i.ytimg.com/vi/@item.YCode/default.jpg" alt="@item.Title" width="120" />
                                
                                        <div class="duration">@item.TotalTime</div>
                                    </div>
                                    <div class="info">
                                        <h4>@item.Title </h4>
                                        <div class="stats">
                                            <span class="views">@item.View</span> 
                                        </div>
                                    </div>
                                    <div class="clear">
                                    </div>
                                </a>
                            </div>
                         }
                    }
                }
            }
        </div>
    </div>
</div>
